html,body{
    width: 100%;
    height: 100%;
}
*{
    padding: 0;
    margin: 0;
}
// 主题色
:root  [theme='default']{
    --base-color:linear-gradient(to top left,#111,#444,#777);
    --base-font-color:#fff;
    --base-font-background-color:rgba(255,255,255,0.25);
}
// 主题色

:root  [theme='pink']{
    --base-color:linear-gradient(to top left,pink,#444,#777);
    --base-font-color:#fff;
    --base-font-background-color:rgba(255,255,255,0.25);
}
//红底白字
:root  [theme='red']{
    --base-color:red;
    --base-font-color:#fff;
}
//黄底白字
:root  [theme='yellow']{
    --base-color:#ffc300;
    --base-font-color:#000;
}
//黑底白字
:root  [theme='ccc']{
    --base-color:#000;
    --base-font-color:#fff;
}
//滤镜
.flt{
    filter: grayscale(100%);
}   
